import { Component, ViewChild } from '@angular/core';
import { Instance03Component } from './instance03/instance03.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'studyDem01';

  // 生命周期
  show01 = true;

  //掌控子元素
  // 使用注解获取到子元素,并关联到-inst031
  // 查看子组件中 #ins031 的标识并关联到 inst031.
  // TS语言静态类型: 变量名: 类型名
  @ViewChild('ins031') inst031!: Instance03Component;

  //修改name的值
  changeName() {
    // 如何在代码中拿到子组件的索引???
    // 给子组件设置唯一标识
    console.log(this.inst031);
    this.inst031.sname = '我是inst031';
    this.inst031.sage += 10;
    this.inst031.sshow();
  }
}
